(Apologies for the ugly CSS code right at the top.)
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Noto+Sans+Mono:wght@100..900&display=swap');
body {
background-color: #FFDDDD;
padding-left: 25%;
padding-right: 25%;
padding-top: 10%;
padding-bottom: 10%;
text-align: center;
}
h1, h2, h3, h4 {
font-family: "Lora", serif;
font-weight: 600;
color: #773333;
}
p {
font-family: "Noto Sans Mono", monospace;
text-align: center;
color: #330000;
}
img {
border: inset;
border-color: #DDBBBB;
display: block;
margin: auto;
}
.code {
text-align: left;
background-color: #F4E9E9;
}